<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../public.css">
    <link rel="stylesheet" href="./新增合同.css">

    <body>
        <header>
            <nav>
                <div class="logo">
                    <span>客户资源信息</span>管理后台
                </div>
                <ul class="management">
                    <li><span>&#xe661;</span>权限管理</li>
                    <li><span>&#xe659;</span>用户列表</li>
                    <li><span>&#xe68d;</span>系统日志</li>
                </ul>
                <ul class="management">
                    <li><span class="ponum">&#xe65f;</span>在线人数</li>
                    <li class="msgbtn">
                        <span class="message">&#xe650;</span>系统消息
                        <div class="newmsg" id="newmsg">
                            <div><span>最新消息</span><span class="down">&#xe600;</span></div>
                            <ul>
                                <li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
                            </ul>
                        </div>
                    </li>
                    <li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
                </ul>
            </nav>
        </header>
        <div class="bigbox">
            <div class="sidebar">
                <ul>
                    <li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
                    <li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
                    <li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
                    <li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
                    <li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
                    <li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
                    <li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
                    <li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
                    <li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
                    <li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
                </ul>
            </div>
            <div class="box-right">
                <div class="rig-con">
                    <div class="xzhtkj">
                        <h3>博看专区销售合同信息详情</h3>
                        <div class="xz-bt">
                            <span class="s1-ht">合同基本信息</span> <span class="s1-ht">注：带有“*”必填项</span>
                        </div>
                        <form action="">
                            <table>
                                <tr>
                                    <td>合同名称：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>机构名称名称：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>购买产品类别：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>服务方式：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>资源范围：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>合同性质：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>合同类型：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>合同经办人：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>合同联系人：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>合同总金额：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>付款方式：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>签约日期：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>签约期限：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>负责代理：</td>
                                    <td>未知</td>
                                </tr>

                            </table>
                            <div class="xz-bt">
                                <span class="s1-ht">合同相关信息</span>
                            </div>
                            <table>
                                <tr>
                                    <td>博看签字人：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>博看盖章签字：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>机构签字人：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>机构盖章签字：</td>
                                    <td>未知</td>
                                </tr>

                                <tr>
                                    <td>备注：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>合同扫描件：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>审核状态：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td>合同到期提醒：</td>
                                    <td>未知</td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="button" style="color: black;background-color: #f2f2f2;" value="关闭" id="sbt">
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <script src="js/jquery-3.6.0.js"></script>
        <script>
            let msgbtn = document.querySelector('.msgbtn')
            let down = document.querySelector('.down')
            let newmsg = document.querySelector('.newmsg')

            down.onclick = function(e) {
                newmsg.style.display = 'none'
                e.stopPropagation()
            }
            msgbtn.onclick = function() {
                newmsg.style.display = 'block'
            }
        </script>
    </body>

</html>